@import url("https://use.typekit.net/noa3ulc.css"); /* Using a url */

html { font-size: 17px; }

body { margin: 0px; color: #231f20; font-family: Arial; font-family: "futura-pt"; font-size: 20px; }

table { padding: 0px; margin: 0px; }

td { vertical-align: top; padding: 0px; }

p { margin-top: 0px; margin-bottom: 0px; font-size: 70%; font-family: 'opensans'; }

a { color: inherit; }
a:hover, a:focus { color: inherit; text-decoration: none; }
img { max-width: 100%; }
input[type="text"], input[type="password"] { outline: none; }
input[type="password"] { font-family: Arial; }

textarea { outline: none; }

h1, h2, h3, h4, h5, h6 { font-family: inherit; margin: 0; line-height: normal; color: inherit; font-weight: 500; }

@keyframes fadeElements {
    100% { opacity: 1; }
}

@-webkit-keyframes fadeElements {
    100% { opacity: 1; }
}


@keyframes scrolldown {
    0% { background-position: 0 -50px; }
    75% { background-position: 0 0; }
    100% { background-position: 0 50px; }
}

body.main-menu-open { overflow: hidden; }

/*------------------------------------*\
   SiteGrid
\*------------------------------------*/

#SiteContainer { }

#SiteHeaderContainer { padding: 0px; }
#SiteGridContainer { margin-top: 113px; }
.no-navbar-top #SiteGridContainer { margin-top: 79px; }
#SiteFooterContainer { background-color: #fff; padding: 0px; }
#SiteFooter .row { max-width: unset; margin-right: -15px; margin-left: -15px; width: auto; }

#SiteHeader { margin-left: auto; margin-right: auto; position: fixed; width: 100%; height: 113px; box-shadow: 0px 1px 1px rgba(35, 31, 32, 0.06); background: #fff; z-index: 999; }
.no-navbar-top #SiteHeader { height: 79px; }
#SiteFooter { max-width: 1200px; width: calc(100% - 15px); padding: 0 15px; margin: 0 auto; position: relative; overflow: visible; }
#SiteGrid { padding: 0px; margin: 0 auto; overflow: hidden; }

#GridRight { float: right; width: 250px; margin-left: 40px; }
#GridPage { }
#GridLeft { float: right; display: none; }
#GridTop { }
#GridContent { }
#GridFooter { }

#PageLeft { }
#PageRight { }
#PageMenu { }
#PageHeader { }
#PageContent { }
#PageKdm { }
#PageFooter { }



@media (max-width: 1170px) {
    #GridLeft { display: none; }
}

@media (max-width: 1170px) {
}

@media (max-width: 1024px) {
    #SiteGridContainer { margin-top: 105px; }
}

@media (max-width: 991px) {
    #GridPage { float: none; width: 100%; }
    #SiteHeader { height: 105px; }
}

@media (max-width:767px) {
    #GridRight { float: none; width: 100%; margin: 0 auto; }
}



/*------------------------------------*\
    Top Bar Select In Mobile 
\*------------------------------------*/

@media (max-width:767px) {
    #side-collapse-menu { width: 100% }
}

/*------------------------------------*\
    Top Bar Search 
\*------------------------------------*/


#search_form_header_input_continer { width: 100%; max-height: 0; overflow: hidden; max-width: 970px; margin: 0 auto; height: 100%; transition: all 0.3s ease; transition-delay: 0.3s; }
#buttons-container.active #search_form_header_input_continer { max-height: 80px; padding: 20px 0 13px; transition-delay: 0s; }
#search_form_header { position: relative; opacity: 0; transition: all 0.3s ease; transition-delay: 0s; }
#buttons-container.active #search_form_header_input_continer #search_form_header { opacity: 1; transition-delay: 0.3s; }
#search_form_header_input { background-color: #f2f3f6; -webkit-appearance: none; box-shadow: none; border: none; margin-bottom: 0; height: 40px; border-left: 1px solid #e3b96e; font-size: 75%; padding: 0 20px; width: 100%; }
#search_form_header_submit { position: absolute; top: 6px; right: 9px; background: none; border: none; }
#search_form_header_submit svg { width: 18px; }

@media(max-width:767px) {
    #search_form_header_input { display: inline-block; }
    #search_form_header_submit { width: 40px; display: inline-block; }
    #buttons-container.active #search_form_header_input_continer { }
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #757373; }
::-moz-placeholder { /* Firefox 19+ */ color: #757373; }
:-ms-input-placeholder { /* IE 10+ */ color: #757373; }
:-moz-placeholder { /* Firefox 18- */ color: #757373; }

/*------------------------------------*\
    Accordion - FAQ
\*------------------------------------*/
.faq_accordion { padding-bottom: 30px; }

.accordion { }
.accordion .panel { border: 0px; border-radius: 0; box-shadow: none; -webkit-box-shadow: none; margin: 0; background-color: transparent; border-top: 1px solid #d1d1d1; padding: 0; }
.accordion .panel:nth-child(2n) { background-color: #EDEDED; }
.accordion .panel:last-child { border-bottom: 1px solid #ddd; }
.accordion .panel-title { margin: 0; width: 100%; }
.accordion .panel-title > a { width: 100%; right: 0; top: 0; font-size: 24px; font-family: 'RaananSuperRegular'; font-size: 113%; color: #000; text-transform: uppercase; background-color: #f2f3f6; font-weight: 500; font-family: "futura-pt"; position: relative; display: block; width: 100%; padding: 20px 20px 20px 32px; }
.accordion .panel-title > a.collapsed { /* background-color: #fff; */ }
.accordion .panel-title > a:hover { text-decoration: none; }
.accordion .panel-title > a:focus { text-decoration: none; }
.accordion .panel-default > .panel-heading { color: #333; background-color: transparent; border-color: #ddd; position: relative; margin: 0px; padding: 0; }
.accordion .panel-heading { padding: 10px 15px; border-bottom: 0; border-radius: 0px; }
.accordion .panel-title > a:after { content: " "; display: block; float: left; background-position: center center; background-repeat: no-repeat; width: 12px; height: 12px; position: absolute; top: 50%; left: 10px; background-image: url(../../../000Frames/site/images/plus_gold.png); background-size: contain; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.accordion .panel-title > a[aria-expanded~=true]:after { background-image: url(../../../000Frames/site/images/minus_gold.png); }
.accordion table { background: transparent; border: 0px; border-top: 1px solid #d1d1d1; }
.accordion table img { width: 90px; height: 90px; }
.accordion table td { padding: 0; font-size: 68%; max-width: 450px; vertical-align: middle; padding-top: 20px; padding-bottom: 20px; color: #231f20; font-family: 'opensans'; }
.accordion table tr { border-bottom: 1px solid #d1d1d1; }
.accordion table td:nth-child(2) { padding-left: 20px; }
.panel.panel-default div p { padding-right: 50px; padding-left: 165px; font-size: 68%; margin-bottom: 0px; line-height: 24px; font-family: 'opensans'; color: #231f20; padding: 0px 0 20px; }
.panel-collapse ul { margin: 0; font-size: 75%; list-style: none; margin-left: 45px; font-family: 'opensans'; }

@media(max-width:767px) {
    .panel.panel-default div p { padding-left: 0; padding-right: 30px; padding-top: 5px; width: 90%; }
    .accordion .panel-title > a:after { position: absolute; left: 7px; top: 50%; transform: translate(0,-50%); }
    .accordion .panel-default > .panel-heading { padding-right: 0; }
    .accordion .panel-title > a { padding-right: 0; font-size: 20px; font-weight: bold; }
    .panel-collapse ul { margin-left: 21px; }
    .accordion table td { max-width: 100%; display: block; padding-bottom: 0; }
    .accordion table img { display: block; margin: 0 auto; }
    .accordion table td:nth-child(2) { padding: 20px 0 20px 0; }
}

/*------------------------------------*\
    Carousel - FAQ
\*------------------------------------*/

.owl-carousel { margin-top: 30px; margin-bottom: 30px; direction: ltr; }
.owl-nav { }
.owl-item { text-align: center; height: 400px; overflow: hidden; }
.owl-item .item { position: absolute; top: 50%; left: 0; transform: translate(0%,-50%); -webkit-transform: translate(0%,-50%); -moz-transform: translate(0%,-50%); }
.owl-next { position: absolute; left: 0; z-index: 1; top: calc(50% - 12px); transform: translate(0%,-50%); -webkit-transform: translate(0%,-50%); -moz-transform: translate(0%,-50%); }
.owl-prev { position: absolute; right: 0; z-index: 1; top: calc(50% - 12px); transform: translate(0%,-50%); -webkit-transform: translate(0%,-50%); -moz-transform: translate(0%,-50%); }



@media(max-width:991px) {
    .owl-item .item { margin: 0 auto; text-align: center; max-width: 250px !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); }
}



/*------------------------------------*\
   lightbox Gallery
\*------------------------------------*/
.lightbox-gallery .lightbox-gallery-loader { position: absolute; top: 50%; /* display: none; */ left: 50%; z-index: 10; }
.lightbox-gallery .lightbox-gallery-item
/*------------------------------------*\
    lightbox Gallery Video
\*------------------------------------*/
.lightbox-galleryVideo .lightbox-gallery-loader { position: absolute; top: 50%; left: 50%; z-index: 10; }
.lightbox-galleryVideo .lightbox-gallery-item { }


.popUpVideo .modal-header { border: none; }

.popUpVideo .vertical-alignment-helper { display: table; height: 100%; width: 100%; pointer-events: none; }

.popUpVideo .vertical-align-center { display: table-cell; vertical-align: middle; pointer-events: none; }

.popUpVideo .modal-content { width: inherit; height: inherit; margin: 0 auto; pointer-events: all; background: none; box-shadow: 0px 0px 0px; border: none; }


.popUpVideo .modal-body iframe { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; width: 100%; height: 100%; }

.popUpVideo .modal-backdrop.fade.in { z-index: 0; }
.popUpVideo .close { opacity: 1 !important; color: #fff; }

.popUpVideo .modal-backdrop.in { filter: alpha(opacity=50); opacity: .9; }

#media-video-pop .modal-header { border: none; }
#media-video-pop .vertical-alignment-helper { display: table; height: 100%; width: 100%; }
#media-video-pop .vertical-align-center { display: table-cell; vertical-align: middle; }

#media-video-pop .close { position: absolute; top: -60px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); opacity: 1; }
#media-video-pop .close svg { width: 40px; height: 40px; }
#media-video-pop .modal-content { pointer-events: all; }

#media-video-pop .modal-header { border: none; }

#media-video-pop .close { position: absolute; top: -60px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); opacity: 1; }
#media-video-pop .close svg { width: 40px; height: 40px; }
#media-video-pop .modal-content { pointer-events: all; }

#media-video-pop .vertical-alignment-helper { display: table; height: 100%; width: 100%; }
#media-video-pop .vertical-align-center { display: table-cell; vertical-align: middle; }
#media-video-pop .modal-content { width: inherit; height: inherit; margin: 0 auto; pointer-events: all; background: none; box-shadow: 0px 0px 0px; border: none; }
#media-video-pop .modal-body iframe { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; width: 100%; height: 100%; }
#media-video-pop .modal-backdrop.fade.in { z-index: 0; }
#media-video-pop .close { opacity: 1 !important; color: #fff; }
#media-video-pop .modal-backdrop.in { filter: alpha(opacity=50); opacity: .7; }
#media-video-pop iframe { width: 880px; height: 500px; border: 0; }
span.xIcon img { width: 50px; height: 50px; }

#video-pop .video-pop-close, #zoom-view-pop .zoom-pop-close { position: absolute; top: -60px; left: 50%; padding: 0; background-color: transparent; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
#zoom-view-pop img.zoomIMGSRC { max-height: 70vh; }
#zoom-view-pop .dialog__content { max-width: 90vw; }

@media(max-width:767px) {
    #zoom-view-pop img.zoomIMGSRC { max-height: 50vh; }
}

/*------------------------------------*\
   Breadcrumbps
\*------------------------------------*/

#PageBreadCrumps { max-width: 1200px; margin: 30px auto; padding: 0 15px; font-size: 55%; font-family: 'opensans'; }

@media(max-width:991px) {
    #PageBreadCrumps { margin-bottom: 10px; margin-top: 10px; }
}

#PageBreadCrumps a:link { /*background-image: url('../images/breadcrumbs-arrow.png');*/ background-image: none; color: #231f20; text-decoration: none !important; display: inline-block; padding-left: 15px; background-repeat: no-repeat; background-position: left 10px top 7px; position: relative; }

#PageBreadCrumps a:first-child { background-image: none; padding-left: 0; }
#PageBreadCrumps a:visited { color: #231f20; text-decoration: none !important; }
#PageBreadCrumps a:hover { color: #231f20; text-decoration: underline; font-size: 100%; }
#PageBreadCrumps a:not(:first-of-type):link:before { content: ">"; position: absolute; left: 4px; font-family: opensans; font-size: 115%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); color: #231f20; }
#PageBreadCrumps a:link:last-child, #PageBreadCrumps a:visited:last-child { color: #757373; }


/*------------------------------------*\
    Directory/Side Menu
\*------------------------------------*/

#rightMenu { }
#rightMenu .menuHead { padding-right: 10px; height: 27px; font-size: 18px; background: #ECECEC; color: #000; margin-top: 2px; background-image: url('../../../000Frames/site/images/right_menu_arrow.png'); background-size: 10px; background-repeat: no-repeat; background-position: 20px; }
#rightMenu .menuLink { padding-right: 10px; height: 27px; font-size: 18px; background: #ECECEC; color: #000; margin-top: 2px; background-image: url('../../../000Frames/site/images/right_menu_arrow.png'); background-size: 10px; background-repeat: no-repeat; background-position: 20px; }
#rightMenu .selected { color: red; }
#rightMenu .navbar-default { border: 0; background-color: transparent; }
#rightMenu .navbar { min-height: 0; margin-bottom: 0; }
#rightMenu .navbar-header { float: right; }

@media(max-width:767px) {
    #rightMenu .navbar-header { float: none; width: 100%; margin: 0; }
}
/*------------------------------------*\
    Contact Form
\*------------------------------------*/

.mrw-dynamic-form { position: relative; }

.mrw-dynamic-form .form-messages,
.mrw-dynamic-form .form-messages .loading,
.mrw-dynamic-form .form-messages .success,
.mrw-dynamic-form .form-messages .error { display: none; color: #BA975D; z-index: 9999; }

.mrw-dynamic-form .form-messages { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background-color: rgba(255,255,255,0.8); }

.mrw-dynamic-form .error-message { color: red; display: none; }
.mrw-dynamic-form .mrw-form-label { font-weight: normal; }
.mrw-dynamic-form .form-group > div { margin-bottom: 15px; }
.mrw-dynamic-form .form-control { border: 1px solid silver; color: #000; background: none; font-size: 100%; padding-right: 10px; position: relative; cursor: text; background: #f2f3f6; }

.mrw-dynamic-form label.error { color: red; position: absolute; top: 7px; right: 50px; font-weight: normal; }
.mrw-dynamic-form .form-control.error { border-color: red; }
.mrw-dynamic-form label.error#State-error { top: auto; }

.noMarginBottom { margin-bottom: 0; }
/*------------------------------------*\
    Contact Form Wiget
\*------------------------------------*/


#contact-form-wiget .mrw-form-label { }
#contact-form-wiget .form-control { }
#contact-form-wiget .form-submit { }

@media(max-width:991px) {
    #contact-form-wiget { display: none; }
}

/*------------------------------------*\
    Login Box
\*------------------------------------*/



#loginBox { text-align: center; background-color: #1c1c1c; padding: 15px; }

#loginBox .loginBox-guest-hello { color: #F68B1F; line-height: 24px; margin-bottom: 10px; }
#loginBox .firstSentence { font-size: 130%; }
#loginBox .secondSentence { font-size: 165%; }

#loginBox #LoginBox-Buttons { padding-top: 20px; }
#loginBox #LoginBox-Buttons a { display: inline-block; background-color: #F68B1F; border: 1px solid #FFF; border-radius: 5px; color: #FFF; font-size: 120%; padding: 2px 18px; margin: 0px 5px; text-decoration: none; cursor: pointer; }

#loginBox #LoginBox-SignIn { width: 100%; margin-left: auto; margin-right: auto; overflow: auto; }
#loginBox #LoginBox-SignIn .login-field { margin-bottom: 12px; border-radius: 3px; border: none; width: 100%; padding: 5px 10px 4px 10px; }
#loginBox #LoginBox-SignIn .login-submit { float: left; background-color: #F68B1F; border: 1px solid #FFF; border-radius: 5px; color: #FFF; font-size: 120%; padding: 2px 18px; cursor: pointer; text-decoration: none; }

#loginBox #LoginBox-SignIn .forgetPass { float: left; text-decoration: underline; color: #F68B1F; padding-top: 10px; font-size: 90%; }
#loginBox #LoginBox-SignIn .user-register { float: right; text-decoration: underline; color: #F68B1F; padding-top: 10px; font-size: 90%; }

#loginBox .loginBox-user-hello { color: #F68B1F; line-height: 24px; }
#loginBox .loginBox-user-buttons { padding-top: 20px; }
#loginBox .loginBox-user-buttons a { display: inline-block; background-color: #F68B1F; border: 1px solid #FFF; border-radius: 5px; color: #FFF; font-size: 110%; padding: 2px 12px; margin: 0px 2px; text-decoration: none; cursor: pointer; margin-bottom: 10px; }





/*------------------------------------*\
   Bootstrap dropdown animation
\*------------------------------------*/

.dropdown .dropdown-menu { max-height: 0; display: block; overflow: hidden; }

.dropdown.open .dropdown-menu { }



/*------------------------------------*\
   BASE PAGE VIEW
\*------------------------------------*/


#anchor { margin-bottom: 15px; margin-top: -5px; font-size: 90%; }
/*#headline       { margin-top: 50px; }*/
#subheadline { padding-top: 50px; }
/*#headline h1    { margin: 0;padding: 0;line-height:100%;margin-bottom:10px;text-align: center;color: rgba(234, 235, 238, 0.7);font-size: 520%;text-transform: uppercase;}
#subheadline h2 { padding: 0;font-size: 250%;font-weight: normal;text-transform: uppercase;text-align: center;line-height: normal;margin-top: -60px;font-weight: 500;}*/

#subheadline h2 { margin: 0; padding: 0; line-height: 100%; margin-bottom: 10px; text-align: center; color: rgba(0, 0, 0, 0.05); font-size: 520%; text-transform: uppercase; font-weight: 500; }
#headline h1 { padding: 0; font-size: 250%; font-weight: normal; text-transform: uppercase; text-align: center; line-height: normal; margin-top: -60px; font-weight: 500; }

#intro { max-width: 830px; margin: 0 auto 50px; }
#intro h3 { font-size: 80%; text-align: center; line-height: 24px; }
#writer { margin-bottom: 5px; font-weight: normal; }
#text1 { margin-top: 20px; margin-bottom: 20px; }
#text1 strong { }
#text1 b { }

#video { margin-bottom: 20px; }
#video video { width: 100%; height: auto; }

#remarks { font-size: 90%; }


h4 { }

.picD { width: auto; height: auto; margin-bottom: 15px; margin-top: 15px; }

#lobby { padding-bottom: 30px; }

@media (max-width: 991px) {
    #subheadline h2 { font-size: 450%; }
    #headline h1 { font-size: 300%; }
}

@media (max-width: 767px) {
    #subheadline h2 { font-size: 300%; }
    #headline h1 { font-size: 190%; margin-top: -48px; }
}

@media (max-width: 375px) {
    #subheadline h2 { font-size: 250%; }
    #headline h1 { font-size: 192%; margin-top: -45px; }
}


/*------------------------------------*\
    #General Classes 
\*------------------------------------*/

.max-width { max-width: 1170px; }

.no-marg { margin: 0px; }

.no-pad { padding: 0px; }

.p-vert { display: table; }

.c-vert { display: table-cell; vertical-align: middle; }

.f-h { height: 100%; }

.f-w { width: 100%; }

span.error, small.error { position: absolute; background: transparent; color: #f04124; }

.margin-auto { margin: 0 auto }

.section-title { text-align: center; }
.section-title > h2 { display: inline-block; position: relative; font-size: 300%; font-weight: 500; }

.section-title > h2:after,
.section-title > h2:before { content: ""; position: absolute; top: 50%; width: 80px; height: 8px; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: linear-gradient(-45deg, #f1d7a0, #e2b86e, #f1d7a0, #e2b86e); background-size: 400% 400%; -webkit-animation: Gradient 15s ease infinite; -moz-animation: Gradient 15s ease infinite; animation: Gradient 15s ease infinite; }

.section-title > h2:before { left: -110px; }
.section-title > h2:after { right: -110px; }
.titeWrapper { direction: ltr; }
.titeWrapper h2 { font-size: 200%; font-weight: 500; text-transform: uppercase; }

@media (max-width: 767px) {
    .row { margin: 0px -5px; }
    .row > div { padding: 0px 5px; }
}



/*------------------------------------*\
    #modal
\*------------------------------------*/

.modal-vertical-align { display: table; height: 100%; width: 100%; pointer-events: none; }
.vertical-align-center { display: table-cell; vertical-align: middle; pointer-events: none; text-align: center; }

#mrw-modal-1 { }
#mrw-modal-1 .modal-content { border-radius: 0px; background-color: transparent; display: inline-block; pointer-events: all; }







/*------------------------------------*\
    #Grids
\*------------------------------------*/


.grid-view .grid-box { /*border-bottom: 1px solid #ddd;*/ margin-bottom: 30px; text-align: center; }
.grid-view .grid-box-image { padding-bottom: 56%; position: relative; overflow: hidden; }
.grid-view .grid-box-image a { display: block; position: absolute; left: 0px; bottom: 0px; right: 0px; top: 0px; }
.grid-view .grid-box-image img { margin: 0 auto; max-width: 100%; }



.grid-view.center-elements .row { font-size: 0px; text-align: center; }
.grid-view.center-elements .row > div { display: inline-block; float: none !important; vertical-align: top; font-size: 1rem; }






/*------------------------------------*\
    Fonts
\*------------------------------------*/
@font-face { font-family: 'opensans-light'; src: url('../../../000Frames/site/fonts/opensans/Light/OpenSans-Light.eot'); src: url('../../../000Frames/site/fonts/opensans/Light/OpenSans-Light.eot?#iefix') format('embedded-opentype'), url('../../../000Frames/site/fonts/opensans/Light/OpenSans-Light.woff') format('woff'), url('../../../000Frames/site/fonts/opensans/Light/OpenSans-Light.ttf') format('truetype'), url('../../../000Frames/site/fonts/opensans/Light/OpenSans-Light.svg#OpenSansLight') format('svg'); font-weight: normal; font-style: normal; /*unicode-range: U+590-5ff,U+000-03F; */ /* unicode range for hebrew letters, 0-9 and all special chars */ }
@font-face { font-family: 'opensans'; src: url('../../../000Frames/site/fonts/opensans/Regular/OpenSans-Regular.eot'); src: url('../../../000Frames/site/fonts/opensans/Regular/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('../../../000Frames/site/fonts/opensans/Regular/OpenSans-Regular.woff') format('woff'), url('../../../000Frames/site/fonts/opensans/Regular/OpenSans-Regular.ttf') format('truetype'), url('../../../000Frames/site/fonts/opensans/Regular/OpenSans-Regular.svg#OpenSansRegular') format('svg'); font-weight: normal; font-style: normal; /*unicode-range: U+590-5ff,U+000-03F; */ /* unicode range for hebrew letters, 0-9 and all special chars */ }

@font-face { font-family: 'opensans-semibold'; src: url('../../../000Frames/site/fonts/opensans/Semibold/OpenSans-Semibold.eot'); src: url('../../../000Frames/site/fonts/opensans/Semibold/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'), url('../../../000Frames/site/fonts/opensans/Semibold/OpenSans-Semibold.woff') format('woff'), url('../../../000Frames/site/fonts/opensans/Semibold/OpenSans-Semibold.ttf') format('truetype'), url('../../../000Frames/site/fonts/opensans/Semibold/OpenSans-Semibold.svg#OpenSans-Semibold') format('svg'); /*font-weight: normal;*/ font-style: normal; /*unicode-range: U+040-07F;*/ /* unicode for a-z and A-Z letters only! */ }



/*------------------------------------*\
    PopUp Feature
\*------------------------------------*/

#popup-modal .vertical-alignment-helper { display: table; height: 100%; width: 100%; }

#popup-modal .vertical-align-center { display: table-cell; vertical-align: middle; z-index: 99999; }

#popup-modal .modal-header { border: none; padding: 0px; }

#popup-modal .close { display: block; float: none; margin: 0 auto; opacity: 1; transform: translateX(-50%); -webkit-transform: translateX(-50%); left: 50%; right: auto; }

#popup-modal .close span { color: #fff; }

#popup-modal .modal-body { text-align: center; }

#popup-modal .modal-content { border: 0px; background-color: transparent; border-radius: 0px; -webkit-box-shadow: none; width: auto; max-width: 90vw; }


.vertical-alignment-helper { display: table; height: 100%; width: 100%; }
.vertical-align-center { display: table-cell; vertical-align: middle; }




/*------------------------------------*\
    GALLERY COMPONENTS - lightBox
\*------------------------------------*/



.lightbox-gallery { position: relative; min-height: 250px; }
.lightbox-gallery-item { display: none; text-align: center; padding-bottom: 7.5px; padding-top: 7.5px; }
.blueimp-gallery > .close, .blueimp-gallery > .title { top: 65px; display: block; }
.blueimp-gallery a.next { display: block !important; }
.blueimp-gallery a.prev { display: block !important; }
.blueimp-gallery ol.indicator { display: block !important; }
.blueimp-gallery a.play-pause { display: block !important; }





/*------------------------------------*\
    GALLERY COMPONENTS - #FLEX SLIDER 
\*------------------------------------*/


.flexslider { border: none; background: none; -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0); -moz-box-shadow: 0 0px 0px rgba(0,0,0,0); -o-box-shadow: 0 0px 0px rgba(0,0,0,0); box-shadow: 0 0px 0px rgba(0,0,0,0); overflow: hidden; }

.flexslider .flexslider-item { display: block; /*min-height: 200px;*/ padding-bottom: 40%; background-size: cover; background-position: center center; }

.flexslider .flex-control-nav { bottom: 20px; z-index: 2; }
.flex-control-paging li a.flex-active { background: #000; background: rgba(255,255,255,1); cursor: default; }
.flex-control-paging li a { background: #fff; background: rgba(255,255,255,0.7); }
.flexslider .flexslider-item { position: relative; }
.flexslider-item-content { position: absolute; right: 0; z-index: 9; top: 10%; right: 5%; padding: 15px; background: rgba(0,0,0,0.56); border-radius: 5px; }
.flexslider-item-title { text-align: right; color: #fff; font-size: 140%; }
.flexslider-item-description { text-align: right; color: #fff; }
.flexslider-item-readmore { text-align: right; color: #fff; font-size: 120%; }


@media(max-width:767px) {
    .flexslider .flexslider-item { padding-bottom: 50%; min-height: 300px; }
}


/*------------------------------------*\
    Footer Style 
\*------------------------------------*/

#SiteFooter .footer-socials { text-align: center; margin: 10px 0; }
#SiteFooter .footer-socials a, .navbar-socials a { position: relative; width: 21px; height: 21px; color: transparent; display: inline-block; background-position: center; background-size: contain; background-repeat: no-repeat; }
.navbar-socials a { width: 36px; height: 36px; }

#SiteFooter .footer-socials .fb-contact, .navbar-socials .fb-contact { background-image: url(/warehouse/social/social_facebook.svg); }
#SiteFooter .footer-socials .inst-contact, .navbar-socials .inst-contact { background-image: url(/warehouse/social/social_instagram.svg); }
#SiteFooter .footer-socials .yt-contact, .navbar-socials .yt-contact { background-image: url(/warehouse/social/social_youtube.svg); }

#SiteFooter .footerContact { color: #fff; padding-top: 60px; padding-bottom: 50px; }
#SiteFooter .footerContact { color: #231f20; position: relative; }
#SiteFooter .footerBlockTitle { text-align: center; font-size: 140%; }
#SiteFooter .footer-links { margin: 25px 0 0 0; padding: 0 30px 0 0; list-style: none; font-family: 'opensans'; }
#SiteFooter .footer-links > li { display: inline-block; width: 33.333%; float: left; margin-bottom: 20px; line-height: 1; vertical-align: middle; }
#SiteFooter .footer-links > li:last-of-type { padding-right: 0; }
.footer-logo { max-width: 292px; margin: 30px auto; }
.footer-newsletter { max-width: 240px; margin-left: auto; margin-top: 20px; }
.footer-newsletter > h3 { font-size: 105%; line-height: 1; margin-bottom: 10px; font-weight:normal; }
.footer-newsletter > form { position: relative; }
.footer-newsletter > form > input { height: 40px; font-size: 95%; background-color: #f2f3f6; border: none; box-shadow: none; }
.footer-newsletter > form.mrw-dynamic-form > input.form-control { border: none; font-family: 'opensans'; font-size: 72%; }

.footer-newsletter > form > button { position: absolute; right: 0; top: 0; height: 100%; width: 60px; background-color: #231f20; box-shadow: none; padding: 0; margin: 0; }

.footerlinksMobile .footer-socials { text-align: center; }
.footerlinksMobile .footer-socials > a:not(:last-of-type) { margin-right: 5px; }

.footerContact .BottomLine { position: absolute; height: 50px; width: 1px; left: 50%; top: -25px; }
.footerContact .BottomLine .ver-line { width: 100%; height: 100%; display: block; background: linear-gradient(to bottom, transparent 50%, #231f20 50%); background-position: 0 -50px; background-size: 100% 200%; }
#UnderSiteFooterContainer { border-top: 1px solid #f2f3f6; }
#UnderSiteFooterContainer img { width: 160px; }

.footerDisclaimer { font-size: 75%; text-align: center; }
@media(min-width:768px) {
    #SiteFooter .footer-links > li { font-size: 75%; }
}
@media (max-width: 1024px) {
    .footer-newsletter { margin: 15px auto; }
    #SiteFooter .footer-links > li { width: auto; float: none; margin-right: 10px; margin-bottom: 0; font-size: 85%; letter-spacing: -0.5px; }
    #SiteFooter .footer-links > li:last-of-type { margin-right: 0; }
    #SiteFooter .footer-links { text-align: center; margin-top: 25px; padding: 0; }
}

@media (max-width: 991px) {
    .footerDisclaimer { max-width: 60%; margin: auto; margin-top: 20px; }
}

@media (max-width: 767px) {
    .footer-newsletter > form > input { background-color: #f2f3f6; }
    .footer-logo { width: 260px; }
    #SiteFooter .footer-links { padding: 0; }
    .footer-newsletter > h3 { margin-bottom: 10px; }
    #SiteFooter .footerContact { padding-top: 25px; padding-bottom: 30px; }
    .footerDisclaimer { font-size: 65%; max-width: 90%; }
}


/*------------------------------------*\
    UnderFooter Style 
\*------------------------------------*/

#UnderSiteFooter { padding: 20px; }

/*------------------------------------*\
    Bootstrap - 5 Cols Fix
\*------------------------------------*/

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; }

.col-xs-15 { width: 20%; float: left; }

@media (min-width: 768px) {

    .col-sm-15 { width: 20%; float: left; }
}

@media (min-width: 992px) {
    .col-md-15 { width: 20%; float: left; }
}

@media (min-width: 1200px) {
    .col-lg-15 { width: 20%; float: left; }
}


/*------------------------------------*\
    BootBox - Js Modals
\*------------------------------------*/

.bootbox { text-align: center; }
.bootbox .modal-footer { text-align: center; }
.bootbox .modal-footer button { margin: 10px; }
.bootbox .modal-footer .btn + .btn { margin-bottom: 10px; }
.bootbox .modal-dialog { position: fixed; left: 50%; top: 50%; /* margin-left: -300px; */ transform: translate(-50%,-50%) !IMPORTANT; margin: 0; }

/*------------------------------------*\
    Custom Popup Modal
\*------------------------------------*/

.dialog, .dialog__overlay { width: 100%; height: 100%; top: 0; left: 0; }
.dialog { position: fixed; /*display: flex;*/ align-items: center; justify-content: center; pointer-events: none; }
.dialog.dialog--open { z-index: 9999; pointer-events: auto; display: flex; }
.dialog__overlay { position: absolute; z-index: 1; background: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.3s; }
.dialog--open .dialog__overlay { opacity: 1; pointer-events: auto; }
.dialog__content { max-width: 900px; width: 900px; background: #fff; padding: 30px; text-align: center; position: relative; z-index: 5; opacity: 0; pointer-events: none; z-index: 0; }
.dialog--open .dialog__content { pointer-events: auto; z-index: 5; }

/* Content */
.dialog h2 { margin: 0; font-weight: 400; font-size: 2em; padding: 0 0 2em; margin: 0; }
.dialog.dialog--open .dialog__content,
.dialog.dialog--close .dialog__content { animation-duration: 0.3s; animation-fill-mode: forwards; }
.dialog.dialog--open .dialog__content { animation-name: anim-open; }
.dialog.dialog--close .dialog__content { animation-name: anim-close; }

@keyframes anim-open {
    0% { opacity: 0; transform: scale3d(1.1, 1.1, 1); }
    100% { opacity: 1; transform: scale3d(1, 1, 1); }
}

@keyframes anim-close {
    0% { opacity: 1; }
    100% { opacity: 0; transform: scale3d(0.9, 0.9, 1); }
}
/* =================================== */

@media(max-width:767px) {
    .bootbox .modal-dialog { width: 80%; }
    a.generalBtn, .generalBtn { height: 36px; }
}

.titleGradient { width: 80px; height: 8px; background: linear-gradient(-45deg, #f1d7a0, #e2b86e, #f1d7a0, #e2b86e); background-size: 400% 400%; -webkit-animation: Gradient 15s ease infinite; -moz-animation: Gradient 15s ease infinite; animation: Gradient 15s ease infinite; }


@-webkit-keyframes Gradient {
    0% { background-position: 0% 50% }
    50% { background-position: 100% 50% }
    100% { background-position: 0% 50% }
}

@-moz-keyframes Gradient {
    0% { background-position: 0% 50% }
    50% { background-position: 100% 50% }
    100% { background-position: 0% 50% }
}

@keyframes Gradient {
    0% { background-position: 0% 50% }
    50% { background-position: 100% 50% }
    100% { background-position: 0% 50% }
}

.FadeInElement { opacity: 0; transform: translate(0, 10px); -webkit-transform: translate(0, 10px); transition: all 1000ms cubic-bezier(.17,.67,.83,.67); -webkit-transition: all 1000ms cubic-bezier(.17,.67,.83,.67); transition-duration: 1.5s; -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1); transition-timing-function: cubic-bezier(.165,.84,.44,1); }
.FadeInElement.showItem { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); }



.GridWrapper { max-width: 1200px; width: calc(100% - 15px); padding: 0 15px; margin: 0 auto; position: relative; }
a.generalBtn, .generalBtn { width: 140px; height: 40px; display: block; position: relative; font-family: 'opensans'; -webkit-backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; font-size: 80%; background: #231f20; color: #fff; overflow: hidden; text-align: center; text-decoration: none; }
.generalBtn::before { content: attr(data-text); position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); padding-top: 8px; }
.generalBtn:hover::before { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
.generalBtn span { display: inline-block; opacity: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); padding-top: 6px; }
.generalBtn:hover > span { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.generalBtn:hover > span:nth-child(1) { -webkit-transition-delay: 0.045s; transition-delay: 0.045s; }
.generalBtn:hover > span:nth-child(2) { -webkit-transition-delay: 0.09s; transition-delay: 0.09s; }
.generalBtn:hover > span:nth-child(3) { -webkit-transition-delay: 0.135s; transition-delay: 0.135s; }
.generalBtn:hover > span:nth-child(4) { -webkit-transition-delay: 0.18s; transition-delay: 0.18s; }
.generalBtn:hover > span:nth-child(5) { -webkit-transition-delay: 0.225s; transition-delay: 0.225s; }
.generalBtn:hover > span:nth-child(6) { -webkit-transition-delay: 0.27s; transition-delay: 0.27s; }
.generalBtn:hover > span:nth-child(7) { -webkit-transition-delay: 0.315s; transition-delay: 0.315s; }
.generalBtn:hover > span:nth-child(8) { -webkit-transition-delay: 0.36s; transition-delay: 0.36s; }
.generalBtn:hover > span:nth-child(9) { -webkit-transition-delay: 0.405s; transition-delay: 0.405s; }
.generalBtn:hover > span:nth-child(10) { -webkit-transition-delay: 0.45s; transition-delay: 0.45s; }
.generalBtn:hover > span:nth-child(11) { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; }
.generalBtn:hover > span:nth-child(12) { -webkit-transition-delay: 0.54s; transition-delay: 0.54s; }
.generalBtn:hover > span:nth-child(13) { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }
.generalBtn:hover > span:nth-child(14) { -webkit-transition-delay: 0.64s; transition-delay: 0.64s; }

button.generalBtn:hover, button.generalBtn:focus { background: #231f20; padding: 0; }
button.generalBtn { padding: 0; line-height: inherit; font-size: 80%; margin: 50px auto; }
button.generalBtn span { padding-top: 0; }
button.generalBtn:before { padding-top: 8px; }

#quick-view-pop svg { width: 30px; height: 30px; }
#quick-view-pop .close { position: absolute; top: -10px; left: -10px; opacity: 1; width: 30px; height: 30px; border-radius: 15px; box-shadow: 0 0 8px 0 rgba(35, 31, 32, 0.3); background-color: #231f20; }
#quick-view-pop .close .xIcon { display: block; width: 100%; height: 100%; padding: 4px; text-align: center; }
#quick-view-pop .close svg { width: 12px; height: 14px; }
#quick-view-pop .modal-dialog { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
#quick-view-pop .modal-backdrop.in { opacity: .5; }
#quick-view-pop .modal-content { box-shadow: none; border: none; border-radius: 0; padding: 30px 15px; height: auto; }
#quick-view-pop .shareBox, #quick-view-pop .itemCapacity, #quick-view-pop .catalogItemView-desc { display: none; }
#quick-view-pop .catalogItemView .catalogItemView-quatity select { display: block; background-color: #f2f3f6; font-size: 110%; border: none; padding: 5px 10px 5px 25px; background-size: 45px; background-position: right -5% center; }
#quick-view-pop .catalogItemView .catalogItemView-quatity .select-item-c { position: relative; display: inline-block; width: 100px; height: 40px; }
#quick-view-pop .catalogItemView .catalogItemView-quatity .select-item-c:before { content: ""; position: absolute; top: 50%; left: 60%; width: 2px; height: 30px; border-left: 1px solid #d1d1d1; transform: translate(-50%, -50%); }
/*#quick-view-pop .owl-item { height: auto; }*/
#quick-view-pop .owl-item .item { position: relative; top: 0; left: unset; -webkit-transform: none; -moz-transform: none; transform: none; height: 100%; }
#quick-view-pop .catalogItemView-image img { width: auto; max-width: 100%; height: 100%; }
/*#quick-view-pop .owl-carousel .owl-stage, #quick-view-pop .owl-carousel .owl-item { width: 100% !important; }*/

#quick-view-pop .owl-dots { text-align: center; }
#quick-view-pop .owl-dot { width: 20px; height: 2px; margin: 0 2px; background-color: #e9eaec; display: inline-block; }
#quick-view-pop .owl-dot.active { background-color: #231f20; }
#quick-view-pop .owl-item { height: 360px; }
#quick-view-pop .catalogItemView { padding: 0; }
#quick-view-pop .catalogItemView .owl-thumbs { display: none; }
#quick-view-pop .catalogItemView .imagesSide { min-height: unset; }

#quick-view-pop .owl-carousel.catalogItemView-image { width: 100%; }

#inventory-pop { z-index: 10000; }
#inventory-pop .close { position: absolute; top: -10px; left: -10px; opacity: 1; width: 30px; height: 30px; border-radius: 15px; box-shadow: 0 0 8px 0 rgba(35, 31, 32, 0.3); background-color: #231f20; }
#inventory-pop .close .xIcon { display: block; width: 100%; height: 100%; padding: 4px; text-align: center; }
#inventory-pop .close svg { width: 12px; height: 14px; }
#inventory-pop.ButtonON .close { display: none; }
#inventory-pop .dialog__content { max-width: 90%; }
#inventory-pop .dialog__content-buttons { display: none; justify-content: center; width: auto; flex-wrap: wrap; }
#inventory-pop.ButtonON .dialog__content-buttons { display: inline-flex; }
#inventory-pop .generalBtn { margin: 15px 15px 0; width: 210px; font-weight: 500; font-size: 90%; font-family: "futura-pt"; }
#inventory-pop .generalBtn.continueAnyway { display: none; }
#inventory-pop .generalBtn.backToStore { }
#inventory-pop.NextStep .generalBtn.continueAnyway { display: block; }


#range-limit-pop .dialog__content { max-width: 606px; padding: 45px; }
#range-limit-pop .dialog__content h3 { font-size: 110%; line-height: 0.98; }
#range-limit-pop .dialog__content h3:after { content: ""; display: block; height: 5px; width: 55px; background-color: #e8c380; margin: 10px auto; }

#range-limit-pop .dialog__content .popupContent { max-width: 400px; font-size: 17px; margin: 25px auto 0; line-height: 1.27; }
#range-limit-pop .close { position: absolute; top: -10px; left: -10px; opacity: 1; width: 30px; height: 30px; border-radius: 15px; box-shadow: 0 0 8px 0 rgb(35 31 32 / 30%); background-color: #231f20; }
#range-limit-pop .close .xIcon { display: block; width: 100%; height: 100%; padding: 4px; text-align: center; }
#range-limit-pop .close svg { width: 12px; height: 14px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }

#video-pop .dialog__content { padding: 0; margin: 0; height: 31vw; max-width: 100%; width: auto; }
#video-pop .dialog__content iframe { height: 31vw; width: 55vw; padding: 0; border: none; display: block; }

#news-pop .imagesSide { padding: 0; }
#news-pop .textSide { min-height: 0; }

#news-pop svg { width: 30px; height: 30px; }
#news-pop .video-pop-close { position: absolute; top: -10px; left: -10px; opacity: 1; width: 30px; height: 30px; border-radius: 15px; box-shadow: 0 0 8px 0 rgba(35, 31, 32, 0.3); background-color: #231f20; padding: 0; z-index: 1; }
#news-pop .video-pop-close .xIcon { display: block; width: 100%; height: 100%; padding: 4px; text-align: center; }
#news-pop .video-pop-close svg { width: 12px; height: 14px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
#news-pop .modal-dialog { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
#news-pop .modal-backdrop.in { opacity: .5; }
#news-pop .dialog__content { padding: 0; }
#news-pop.dialog h2 { font-size: 180%; font-weight: 500; margin-bottom: 0px; line-height: 1; text-transform: uppercase; font-family: "futura-pt",'almoni-neue-aaa-400'; padding-bottom: 0; max-width: 60%; margin-right: auto; margin-left: auto; }
#news-pop .textSide { padding: 60px 40px; }
#news-pop h2:After { content: ""; display: block; width: 80px; height: 8px; background-image: linear-gradient(to left, #f1d7a0, #e2b86e); margin-bottom: 20px; margin-top: 15px; margin-right: auto; margin-left: auto; }
#news-pop .mrw-dynamic-form .form-control { width: 260px; margin: auto; margin-top: 15px; border: 0; border: none; text-align: center; font-size: 72%; height: 40px; /* font-size: 95%; */ background-color: #f2f3f6; border: none; box-shadow: none; }
#news-pop button.generalBtn { margin-top: 20px; margin-bottom: 0; }

#news-pop .imagesSide { background-size: cover; background-position: center center; background-repeat: no-repeat; }
#news-pop .form-in-pop h3 { display: none; }

@media(min-width: 767px) {
    #news-pop .textSide, #news-pop .imagesSide { display: table-cell; float: none !important; width: 50%; vertical-align: middle; }
    .newsPop.row { display: table; width: 100%; direction: ltr; }
}

@media(max-width: 1024px) {
    #video-pop .dialog__content { height: 51vw; }
    #video-pop .dialog__content iframe { width: 90vw; height: 51vw; }
    #video-pop span.xIcon img { width: 30px; height: 30px; }
    #video-pop .video-pop-close { top: -40px; }
    #news-pop .dialog__content { max-width: 93vw; }
    #news-pop.dialog h2 { max-width: 100%; }
    #range-limit-pop .dialog__content { width: 90%; padding: 35px 15px; }
}

.catalogItemView .catalogItemView-image { width: 100%; }

@media(min-width: 767px) and (max-width: 1024px) {
    .GridWrapper { width: calc(100% - 40px); }
}

.has-scrollbar { overflow-y: scroll; text-align: left; padding-bottom: 60px; padding-left: 30px; }
.has-scrollbar:after { content: ""; position: absolute; bottom: 58px; right: 0; width: calc(100% - 35px); height: 10%; background: -moz-linear-gradient(bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); }
.custom-scrollbar { overflow-y: auto; max-height: 100%; padding-left: 30px; direction: rtl; }
.custom-scrollbar::-webkit-scrollbar { width: 2px; height: 80%; }
.custom-scrollbar::-webkit-scrollbar-track { background: #e3e3e3; }
.custom-scrollbar::-webkit-scrollbar-thumb { background-color: #231f20; outline: 1px solid #231f20; }

@media(max-width: 1024px) {
    .has-scrollbar:after { bottom: 38px; }
}

@media(max-width: 767px) {
    #news-pop .imagesSide { padding-bottom: 60%; }
    #news-pop .textSide { padding: 35px; }
    #news-pop.dialog h2 { font-size: 150%; }
    #news-pop h3 { font-size: 100%; }
    #news-pop .mrw-dynamic-form .form-control { width: 100%; }
    #news-pop .row { margin: 0; }
}

/****OPEN CART****/
.animateLeft { transition: all 500ms ease-in-out; -webkit-transition: all 500ms ease-in-out; }

#SiteContainer #SiteGridContainer:after, #SiteContainer #SiteHeaderContainer #SiteHeader:after { content: ""; background: transparent; position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; height: 100%; clear: none; pointer-events: none; transition: all 350ms ease-in-out; -webkit-transition: all 350ms ease-in-out; }
#SiteContainer.cartOpen #SiteGridContainer:after, #SiteContainer.cartOpen #SiteHeaderContainer #SiteHeader:after { content: ""; background: rgba(35, 31, 32, 0.2); position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; height: 100%; clear: none; }
#navbar-cart-dropdown { position: absolute; right: -400px; left: auto; width: 400px; top: 0; border: 0; border-radius: 0; margin: 0; height: 100vh; }
#SiteContainer.cartOpen { overflow: hidden; height: 100vh; }
@media(min-width:991px) {
    #SiteContainer.cartOpen #SiteHeaderContainer, #SiteContainer.cartOpen #SiteGridContainer, #SiteContainer.cartOpen #SiteFooterContainer, #SiteContainer.cartOpen #UnderSiteFooterContainer { transform: translateX(-400px); -webkit-transform: translateX(-400px); }
}
@media(max-width:992px) {
    #SiteContainer #navbar-cart-dropdown { position: fixed; z-index: 1900000; transition: 0.3s all ease-in-out; left: 0; transform: translateX(-100%); display: block; width: 100%; right: auto; height: calc(100vh - 150px); }
    #SiteContainer.cartOpen #navbar-cart-dropdown { transform: translateX(0%); background: #fff; }

    
}
/***** Gallery View ****/
#GalleryView, #PageView { padding-bottom: 60px; }
#GalleryView .GridWarpper, #PageView .GridWarpper { max-width: 1200px; width: calc(100% - 15px); padding: 0 15px; margin: 0 auto; position: relative; }
#GalleryView .grid-text, #PageView .grid-text { max-width: 850px; margin: 0 auto 60px auto; }


.catalogItemView .catalogItemView-quatity > span.ui-selectmenu-button.ui-button { margin-left: 0; border-radius: 0; margin-right: 0; border: 0; background: #ffffff; width: 100px; }
.catalogItemView .catalogItemView-quatity > span > span.ui-selectmenu-text { border-right: 1px solid #f2f3f6; display: inline-block; vertical-align: middle; margin-left: 0; padding-right: 20px; padding-left: 25px; margin-right: 4px; font-family: 'opensans'; font-size: 85%; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 0; }
.ui-widget.ui-widget-content { border: 0; font-size: 80%; height: 0px; border: 1px solid transparent; padding-bottom: 0; transition: all .2s ease-in; -webkit-transition: all .2s ease-in; transition-delay: .2s; font-family: opensans; overflow: hidden; }
.ui-selectmenu-open .ui-widget.ui-widget-content { height: auto; overflow-y: scroll; border-color: #eaeaea; transition-delay: 0s; border-top: 0; border-radius: 0; height: 200px; max-height:50vh; }

.ui-menu .ui-menu-item-wrapper { padding: 1px 10px; }
.ui-selectmenu-open .ui-widget.ui-widget-content::-webkit-scrollbar { width: 2px; height: 80%; }
.ui-selectmenu-open .ui-widget.ui-widget-content::-webkit-scrollbar-track { background: #e3e3e3; }
.ui-selectmenu-open .ui-widget.ui-widget-content::-webkit-scrollbar-thumb { background-color: #231f20; outline: 1px solid #231f20; }

.ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: 0; }
.ui-button .ui-icon, .ui-state-hover .ui-icon, .ui-button:hover .ui-icon, .ui-button.ui-selectmenu-button-closed:focus .ui-icon { background-image: url(../../../000Frames/site/images/SelectArrow.svg); background-size: 40%; background-position: center center; float: none; display: inline-block; vertical-align: middle; width: 20px; height: 20px; transition: all 350ms ease-in-out; -webkit-transition: all 350ms ease-in-out; }
.ui-state-focus .ui-icon, .ui-button:not(.ui-selectmenu-button-closed):focus .ui-icon { background-image: url(../../../000Frames/site/images/SelectArrow.svg); transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.catalogItemView .catalogItemView-quatity > span.ui-selectmenu-button.ui-button { direction: rtl; padding: 6px 0; }
#quick-view-pop .catalogItemView .catalogItemView-quatity > span.ui-selectmenu-button.ui-button { background: #F2F3F6; }
#quick-view-pop .catalogItemView .catalogItemView-quatity > span > span.ui-selectmenu-text { border-color: #d1d1d1; }
.ui-selectmenu-menu { z-index: 9999; }

.ui-selectmenu-menu { display: block; }
.ui-selectmenu-menu .ui-menu-item { opacity: 0; transition: opacity .3s ease; -webkit-transition: opacity .3s ease; transition-delay: 0s; text-align: center; }
.ui-selectmenu-menu.items-reveal .ui-menu-item { opacity: 1; transition-delay: .3s; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { background: transparent; }


.ui-widget.ui-widget-content#ui-datepicker-div { height: auto; border: 1px solid #f2f3f6; border-radius: 0; }
.ui-datepicker .ui-widget-header { background: #f2f3f6; border-radius: 0; border: 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { top: 10px; background: none; border: 0; background-image: url(../../../000Frames/site/images/SelectArrow.svg); background-repeat: no-repeat; background-position: center; }
.ui-datepicker .ui-datepicker-prev { transform: rotate(-30deg) !important; }
.ui-datepicker .ui-datepicker-next { transform: rotate(30deg) !important; }
.ui-datepicker .ui-datepicker-prev .ui-icon, .ui-datepicker .ui-datepicker-next .ui-icon { background: none; display: none; }
.ui-datepicker .ui-state-hover .ui-icon { background-size: 100%; background-image: url(../../../000Frames/site/images/SelectArrow.svg); }
.ui-datepicker.ui-widget-content .ui-state-default { background: white; border: none; text-align: center; }
.ui-datepicker.ui-widget-content .ui-state-active { background: #231f20; color: #fff; }
.ui-datepicker table thead { background: #fff; }
.ui-datepicker table { border: none; }

body.main-menu-open .menuBG { display: block; opacity: 1; }


#popup-modal { padding-right: 0 !important; }
#popup-modal .modal-content { max-width: 100%; }
#popup-modal .modal-body { padding: 5px; }
#popup-modal .modal-header { text-align: center; position: relative; }
#popup-modal .close { position: absolute; top: -20px; }